/************************* reset.css by Eric Meyer, Thanks! **************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License:none (public domain)
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display:block;
}
body {
    line-height:1;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/************************* End of reset.css by Eric Meyer **************************/

html {
    font-size:100%;
    height:100%;
    margin-bottom:1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body,input,select,textarea,button {
    font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;
    color:#555;
    font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Microsoft Yahei", Helvetica, Arial, sans-serif;
    color:#222;
    font-weight:bold;
}

h1
{
    font-size:31px;
    /* position:absolute; top:-1000px;   *//* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
}

h2 { font-size:24px; padding:0 0 10px 0; }
h3 { font-size:17px; padding:0 0 10px 0; }
h4 { font-size:16px; padding:0 0 5px 0; }
h5 { font-size:14px; padding:0 0 5px 0; }
h6 { font-size:12px; padding:0 0 5px 0; }


/*a { color:#189271; text-decoration:none;} 
a:hover { color:#000; }
a:active { color:#777; }
a:focus { outline:1px; }*/

strong { font-weight:bold; color:#333; }

small { font-size:0.85em; }

pre { font-family:monospace; }

p {
    padding:5px 0 10px 0;
    line-height:1.6em;
}

.align-center
{
    text-align:center;
}

.tip
{
    color:#000;
    font-size:13px;
    margin:0 auto;
    padding:0;
    position:absolute;
    text-align:center;
    z-index: 99;
}

.tip-success
{
    padding:5px;
    background-color:#8bccba;
}

.tip-failure
{
    padding:5px;
    background-color:#df8f8f;
}

div.ajax-form-loading
{
	width:32px;
	height:32px;
	background:url(../img/loading.gif) no-repeat;
	margin:0 auto;
}

a.question-link
{
    vertical-align:middle;
    display:inline-block;
    height:14px;
    line-height:14px;
    font-size:12px;
    width:14px;
    border:1px #ccc solid;
    margin:0 3px;
    background:#ccc;
    color:#fff;
    border-radius:8px;
    text-align:center;
    font-weight:bold;
}

a.question-link:hover
{
    background:#fff;
    color:#ccc;
    border:1px #ccc solid;
}

.underline {

    text-decoration:underline;
}

.remove
{
    text-decoration:line-through;
}

.acResults
{
	border:1px solid #ccc;
	background-color:white;
	overflow:hidden;
	z-index:99999;
}

.acResults ul
{
	width:100%;
	list-style-position:outside;
	list-style:none;
	padding:0;
	margin:0;
}

.acResults li
{
	margin:0px;
	padding:5px 10px;
	cursor:pointer;
	display:block;
	width:100%;
	font:menu;
	font-size:13px;
	overflow:hidden;
}

.acLoading
{
	background:transparent url('../img/loading-small.gif') right center no-repeat;
}

.acSelect
{
	background-color:#eee;
    color:#000;
    font-weight:bold;
}

/************ Flash Message ************/

.flash-message-wrapper
{
    margin:0 auto;
    position:relative;
    top:110px;
    width:470px;
    font-size:12px;
    border:1px #ccc solid;
    background:#FFF;
}

.flash-message-wrapper a
{
    color: #8E97A7;
}

.flash-message-wrapper a:hover
{
    color: #555;
}

.flash-message-wrapper p
{
    padding:0 0 8px 0;
}

.flash-message-wrapper .title
{
    margin-bottom:28px;
    padding:10px;
    color:#222;
    font-size:16px;
    border-bottom:1px #ccc solid;
    background:#F6F6F6;
	width:450px;
}

.flash-message-wrapper .face
{
    display:block;
    margin:0 0 0 20px;
    font-size:36px;
}

.flash-message-wrapper .message
{
    /*height:100px;
    width:160px;
    border:1px #ccc solid;*/
    font-size:20px;
    font-weight:bold;
    position:absolute;
    top:110px;
    left:14px;
}

.flash-message-wrapper .content
{
    margin-left:140px;
    padding:23px 8px;
}

.flash-message-wrapper .footer-nav
{
    /*border-top:1px solid #ccc;*/
    margin:20px auto 0;
    padding:7px 62px;
    width:282px;
    text-align:center;
}

.flash-message-success-box .title
{
    color:#3399FF;
}

.flash-message-failure-box .title
{
    color:#FA5253;
}

/*.flash-message-success-box .title
{
    background:#3399FF;
}

.flash-message-failure-box .title
{
    background:#FA5253;
}*/

/************ Layout ************/

.column-left {
    float:left;
}

.column-right {
    float:right;
}

/************ clear float ************/

.clearfix:after
{
     visibility:hidden;
     display:block;
     font-size:0;
     content:" ";
     clear:both;
     height:0;
}

.clearfix
{
    zoom:1;
}

/************ button ************/
.button {
    display:inline-block;
    zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	*display:inline;
	vertical-align:baseline;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	line-height:16px;
	padding:7px 20px 9px;
	*padding:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0px 1px 2px rgba(0,0,0,.2);
	-webkit-transition:all 0.5s ease 0.218s;
	-moz-transition:all 0.5s ease 0.218s;
	transition:all 0.5s ease 0.218s;
}

.button:hover {
    text-decoration:none;
}

.button:active {
    position:relative;
    top:1px;
}

.medium {
    font-size:12px;
	line-height:14px;
    padding:4px 10px 6px;
	*padding:4px 0 2px;
}


/* color styles 
---------------------------------------------- */

.disabled {
    cursor:wait;
}

.wait {
    cursor:wait;
}

/* white */
.white {
    color:#606060;
    border:solid 1px #b7b7b7;
    background:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background:-moz-linear-gradient(top,  #fff,  #ededed);
    background:-o-linear-gradient(top,  #fff,  #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background:#ededed;
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background:-moz-linear-gradient(top,  #fff,  #dcdcdc);
    background:-o-linear-gradient(top,  #fff,  #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color:#999;
    background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background:-moz-linear-gradient(top,  #ededed,  #fff);
    background:-o-linear-gradient(top,  #ededed,  #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    color:#555;
    border:solid 1px #ac6910;
    background:#FAA51A;
    background:-webkit-gradient(linear, left top, left bottom, from(#FDD46A), to(#faa51a));
    background:-moz-linear-gradient(top, #FDD46A, #faa51a);
    background:-o-linear-gradient(top,  #FDD46A,  #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDD46A', endColorstr='#faa51a');
}
.orange:hover {
    background:#FFD26B;
    background:-webkit-gradient(linear, left top, left bottom, from(#FDDEAD), to(#FBB22F));
    background:-moz-linear-gradient(top,  #FDDEAD,  #FBB22F);
    background:-o-linear-gradient(top,  #FDDEAD,  #FBB22F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDDEAD', endColorstr='#FBB22F');
}
.orange:active {
    background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#FDD46A));
    background:-moz-linear-gradient(top,  #faa51a,  #FDD46A);
    background:-o-linear-gradient(top,  #faa51a,  #FDD46A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#FDD46A');
}

/* green */
.green {
    color:#555;
    border:solid 1px #79A021;
    background:#64991e;
    background:-webkit-gradient(linear, left top, left bottom, from(#C2DF6B), to(#8BBF5B));
    background:-moz-linear-gradient(top,  #C2DF6B,  #8BBF5B);
    background:-o-linear-gradient(top,  #C2DF6B,  #8BBF5B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2DF6B', endColorstr='#8BBF5B');
}
.green:hover {
    background:#64991e;
    background:-webkit-gradient(linear, left top, left bottom, from(#C2DF6B), to(#79A021));
    background:-moz-linear-gradient(top,  #C2DF6B,  #79A021);
    background:-o-linear-gradient(top,  #C2DF6B,  #79A021);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2DF6B', endColorstr='#79A021');
}
.green:active {
    background:#538018;
    background:-webkit-gradient(linear, left top, left bottom, from(#8BBF5B), to(#C2DF6B));
    background:-moz-linear-gradient(top,  #8BBF5B,  #C2DF6B);
    background:-o-linear-gradient(top,  #8BBF5B,  #C2DF6B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BBF5B', endColorstr='#C2DF6B');
}